<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="../../../templates/principal.xhtml">

    <ui:define name="content" id="content">
        <p:panel id="panel" header="Bem Vindo ao Relatório de SUC">

            <p:dataTable id="multiCategoria" var="categoria" value="#{relatorioView.listCategoriaGrupo}" paginator="true" rows="10"
                         selection="#{relatorioView.selectedCategoriaGrupo}" rowKey="#{categoria.idGrupo}" paginatorPosition="bottom">

                <f:facet name="header">
                    <h:outputText value="Selecione as Categorias para Impressão" />
                </f:facet>

                <p:column selectionMode="multiple" style="width:3%" />

                <p:column headerText="Descrição" sortBy="#{categoria.dscGrupo}" filterBy="#{categoria.dscGrupo}" style="width: 100%;">
                    <h:outputText value="#{categoria.dscGrupo}" />
                </p:column>
            </p:dataTable>
                <p:fieldset legend="Opções de Listagem">
                    <p:selectOneRadio id="tiprel" value="#{relatorioView.nrel}" layout="grid" columns="3" style="font-weight:bold !important;">
                        
                        <p:ajax event="change" process="@this" update=":frmPrincipal:selOrdem" listener="#{relatorioView.atualizaOrdem}" />
                        
                        <f:selectItem itemLabel=" - Listagem Simples" itemValue="4" />
                        <f:selectItem itemLabel=" - Listagem Completa" itemValue="5" />
                        <f:selectItem itemLabel=" - SUC - Agrupados por Ramo de Atividade" itemValue="6" />
                        <f:selectItem itemLabel=" - Relação de Lojas - Razão Social" itemValue="7" />
                        <f:selectItem itemLabel=" - Relação de Lojas - Fantasia" itemValue="8" />
                        <f:selectItem itemLabel=" - Relação de Lojas - SUC" itemValue="9" />
                    </p:selectOneRadio>
                </p:fieldset>
                <p:fieldset id="selOrdem" legend="Ordem do Relatório">
                    <p:selectOneRadio id="console" value="#{relatorioView.nordem}">
                        <f:selectItem itemLabel=" - SUC" itemValue="1" />
                        <f:selectItem itemLabel=" - Nome Fantasia" itemValue="2" />
                        <f:selectItem itemLabel=" - Razão Social" itemValue="3" />
                        <f:selectItem itemLabel=" - Categoria" itemValue="4" />
                        <f:selectItem itemLabel=" - Contato" itemValue="5" />
                        <f:selectItem itemLabel=" - Ramo de Atividade" itemValue="6" />
                    </p:selectOneRadio>
                </p:fieldset>
                <br />
                <p:commandButton id="imprimirButtonCategoria" action="#{relatorioView.geraRelatorio}" 
                                 update=":frmPrincipal:panel :frmPrincipal:messages" value="Imprimir Relatório"
                                 icon="ui-icon-print" title="Imprimir Relatório" />
        </p:panel>
    </ui:define>
</ui:composition>